<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
    <title><%- title %> - <%=__('other').logo%></title>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE11" />
    <link rel='stylesheet' href='/stylesheets/bootstrap.css' />
    <style type="text/css">
        body {
            padding-top: 60px;
            padding-bottom: 40px;
        }
    </style>
    <link href="/media/css/style.css" rel="stylesheet" >
    <link href="/media/css/uniform.default.css" rel="stylesheet">
    <link href="/stylesheets/bootstrap-responsive.css" rel="stylesheet">
    <link href="/stylesheets/main.css" rel="stylesheet"/>
    <link rel="shortcut icon" href="/media/image/favicon.ico" />
    <script src="/javascripts/jquery.js"></script>
    <script src="/javascripts/bootstrap.js"></script>
    <script src="/My97DatePicker/WdatePicker.js"></script>
    <script src="/javascripts/bootstrap-paginator.min.js"></script>
    <script charset="utf-8" src="/KindEditor/kindeditor-min.js"></script>
    <script charset="utf-8" src="/KindEditor/lang/zh_CN.js"></script>
    <script>
        var editor;
        KindEditor.ready(function(K) {

            editor = K.create('textarea', {
                allowImageUpload : true,
                width : '400px',
                items : [
                    'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic',
                    'underline', 'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright',
                    'insertorderedlist', 'insertunorderedlist', '|', 'emoticons', 'image', 'link']
            });
        });
    </script><script charset="utf-8" src="/KindEditor/kindeditor-min.js"></script>
    <script charset="utf-8" src="/KindEditor/lang/zh_CN.js"></script>
    <script>
        var editor;
        KindEditor.ready(function(K) {

            editor = K.create('textarea', {
                allowImageUpload : true,
                width : '400px',
                items : [
                    'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic',
                    'underline', 'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright',
                    'insertorderedlist', 'insertunorderedlist', '|', 'emoticons', 'image', 'link']
            });
        });
    </script>

</head>
<body class="loginbody" style="background-image: url(/images/background.png) ;">
<% if (success) { %>
<div id="warn1" class="alert alert-success" style="position:fixed;top: 40px;width:100%;z-index: 100" >
    <button style="margin-top: 5px" type="button" class="close" data-dismiss="alert">&times;</button>
    <h4><%= success %></h4>
</div>
<% } %>
<% if (error) { %>
<div id="warn2" class="alert alert-error" style="position:fixed;top: 40px;width:100%;z-index: 100" >
    <button style="margin-top: 5px" type="button" class="close" data-dismiss="alert">&times;</button>
    <h4><%= error %></h4>
</div>
<% } %>
<script>
    setTimeout(function(){
        $("#warn1").fadeOut();
        $("#warn2").fadeOut();
    },3000)
</script>
<div class="navbar  navbar-fixed-top">
    <div class="navbar-inner">
        <div  style="background-color: #f3f1e6;margin-left: 0px;margin-right: 0px;width:100%;">
            <DIV class="container">
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
            <a class="brand" href="/" style="color: #c82113;font-size: 22px;margin-left: 10px;margin-right: 50px">LikeChat.cn</a>
            <div class="nav-collapse">
                <ul class="nav">
                    <li id="menu1">
                        <img src="/images/partner.png" style="float:left;padding-left: 35px;padding-right: 5px;padding-top: 10px;padding-bottom: 10px">
                        <a href="/partnerDynimic" style="float: left;padding-left: 0px"><%- __('menu').title_1 %></a>
                        <div style="clear: both"></div>
                    </li>
                    <li id="menu2">
                        <img src="/images/active.png" style="float:left;padding-left: 35px;padding-right: 5px;padding-top: 10px;padding-bottom: 10px">
                        <a href="/coffee" style="float: left;padding-left: 0px"><%- __('menu').title_2 %></a>
                        <div style="clear: both"></div>
                    </li>
                    <li id="menu3">
                        <img src="/images/bbs.png" style="float:left;padding-left: 35px;padding-right: 5px;padding-top: 10px;padding-bottom: 10px">
                        <a href="/forumEntry" style="float: left;padding-left: 0px"><%- __('menu').title_3 %></a>
                        <div style="clear: both"></div>
                    </li>

                </ul>
                <ul class="nav pull-right">
                    <!--<li><a href="javascript:void(0)" id="cg" style="padding-right: 40px;float: left;padding-left: 35px;padding-top: 10px" onclick="changconent()">注册</a></li>-->
                    <li><a href="/z">中文</a></li>
                    <li><a href="/u">English</a></li>
                    <li><a href="/forgetPassword"><%- __('menu').title_7 %></a></li>
                    <li><a href="/reg" id="cg" style=""><%- __('menu').title_5 %></a></li>
                </ul>
            </div>
            </DIV>
        </div>
    </div>
</div>
<div id="container" class="container">

    <div style="height: 480px"></div>
    <div style="text-align: center">
        <form id="login" class="form-horizontal" action="/login" method="post" style="display: block">
            <input type="text" name="username" placeholder="<%=__('reg').user%>"  onfocus="showborder(this);" onblur="hiddenborder(this)">
            <input type="password"   name="password" placeholder="<%=__('reg').pwd%>" onfocus="showborder(this);" onblur="hiddenborder(this)">
            <input class="btn btn-danger" type="submit"  value="<%=__('reg').login%>">
        </form>
        <form id="reg" class="form-horizontal" action="" method="post" style="display: none">
           <input type="text" name="username" placeholder="昵称"  onfocus="showborder(this);" onblur="hiddenborder(this)">
           <input type="password"   name="password" placeholder="邮箱" onfocus="showborder(this);" onblur="hiddenborder(this)">
           <input type="password"   name="password" placeholder="设置密码" onfocus="showborder(this);" onblur="hiddenborder(this)">
           <input class="btn btn-danger" type="submit"  value="注册">
        </form>

    </div>
</div>
<script>
    function showborder(obj){
        obj.style.cssText="border:1px #ff1d11 solid";
    }
    function hiddenborder(obj){
        obj.style.cssText="border:1px #fbfbff solid";
    }
    function changconent(){
        $("#login").attr("style","display: none");
        $("#reg").attr("style","display: block");
        $("#cg").html('登陆').removeAttr('onclick').click(function(){
            $("#login").attr("style","display: block");
            $("#reg").attr("style","display: none");
            $("#cg").html('注册').click(changconent);
        });
    }
</script>
</body>
</html>
